<template>
    <div>
        <input type="text" v-model="keyword">
    </div>
</template>

<script lang='ts'>
import {defineComponent, ref, reactive, toRefs, computed} from 'vue'
import {useDeBounced} from "../hook/useBounced"
export default defineComponent({
  setup(){
    let keyword = useDeBounced<string>("",500,(val:any)=>{
      console.log(val);
    })
    return{
      keyword
    
    }
  },
});
</script>

<style scoped >

</style>
